<template>
  <div>
    <div class="fixHead">
      <div class="title">
        <span class="iconfont icon-jiantou" @click="$router.go(-1)"></span>
        <span class="icon-home" @click="$router.push('/')"></span>
        <h1>邀请加入社群</h1>
        <span class="rightBtn" style="color: #deaa8a;">确认邀请</span>
      </div>
      <div style="height: 0.88rem;"></div>
    </div>
    <div>
      <input
        class="input"
        type="text"
        placeholder="请输入8位数用户ID"
        v-model="txt"
        ref="inputs"
        maxlength="8"
      />
    </div>
  </div>
</template>

<script>
export default {
  name: "",
  components: {},
  props: {},
  data: function() {
    return {
      txt: ""
    };
  },
  created() {
    this.$nextTick(() => {
      this.$refs.inputs.focus();
    });
  },
  mounted: function() {},
  methods: {}
};
</script>

<style scoped>
.input {
  display: block;
  width: 100%;
  margin: 0.4rem auto;
  padding: 0 0.3rem;
  color: #fff;
  font-size: 0.32rem;
}
input::placeholder {
  font-size: 0.32rem;
  color: #999999;
  opacity: 0.6;
}
</style>
